<!-- 价格管理模态框 -->
<div class="modal-overlay" id="pricingModalOverlay">
    <div class="modal pricing-modal">
        <!-- 模态框头部 -->
        <div class="modal-header">
            <h2 class="modal-title">价格管理</h2>
            <button class="modal-close" onclick="closePricingModal()">
                <i class="fas fa-times"></i>
            </button>
        </div>

        <!-- 模态框主体 -->
        <div class="modal-body">
            <!-- 价格概览 -->
            <div class="pricing-overview">
                <div class="product-info-card">
                    <div class="product-basic-info">
                        <img src="../../../shared/assets/product-sample.jpg" alt="产品图片" class="product-image">
                        <div class="product-details">
                            <h3 class="product-name">桂林山水精品3日游</h3>
                            <div class="product-code">PRD202501001</div>
                            <div class="product-category">
                                <span class="category-tag">国内游</span>
                                <span class="destination-tag">华南线 / 广西</span>
                            </div>
                        </div>
                    </div>
                    <div class="pricing-stats">
                        <div class="stat-item">
                            <span class="stat-label">当前成人价</span>
                            <span class="stat-value primary">¥1,280</span>
                        </div>
                        <div class="stat-item">
                            <span class="stat-label">会员价</span>
                            <span class="stat-value success">¥1,180</span>
                        </div>
                        <div class="stat-item">
                            <span class="stat-label">平均客单价</span>
                            <span class="stat-value">¥1,245</span>
                        </div>
                        <div class="stat-item">
                            <span class="stat-label">本月销量</span>
                            <span class="stat-value">156人</span>
                        </div>
                    </div>
                </div>
            </div>

            <!-- 价格管理标签页 -->
            <div class="pricing-tabs">
                <div class="tab-navigation">
                    <button class="tab-btn active" data-tab="current">当前价格</button>
                    <button class="tab-btn" data-tab="seasonal">季节价格</button>
                    <button class="tab-btn" data-tab="dynamic">动态价格</button>
                    <button class="tab-btn" data-tab="analysis">价格分析</button>
                </div>

                <div class="tab-content">
                    <!-- 当前价格标签页 -->
                    <div class="tab-pane active" id="currentPricing">
                        <div class="pricing-form">
                            <div class="form-section">
                                <h4 class="section-title">基础价格设置</h4>
                                <div class="price-grid">
                                    <div class="price-item">
                                        <label class="form-label">标准成人价</label>
                                        <div class="input-group">
                                            <span class="input-prefix">¥</span>
                                            <input type="number" class="form-input" value="1280" min="0" step="10">
                                        </div>
                                    </div>
                                    <div class="price-item">
                                        <label class="form-label">儿童价格</label>
                                        <div class="input-group">
                                            <span class="input-prefix">¥</span>
                                            <input type="number" class="form-input" value="980" min="0" step="10">
                                        </div>
                                    </div>
                                    <div class="price-item">
                                        <label class="form-label">老人价格</label>
                                        <div class="input-group">
                                            <span class="input-prefix">¥</span>
                                            <input type="number" class="form-input" value="1180" min="0" step="10">
                                        </div>
                                    </div>
                                    <div class="price-item">
                                        <label class="form-label">会员价格</label>
                                        <div class="input-group">
                                            <span class="input-prefix">¥</span>
                                            <input type="number" class="form-input" value="1180" min="0" step="10">
                                        </div>
                                    </div>
                                    <div class="price-item">
                                        <label class="form-label">团体价格</label>
                                        <div class="input-group">
                                            <span class="input-prefix">¥</span>
                                            <input type="number" class="form-input" value="1150" min="0" step="10">
                                        </div>
                                    </div>
                                    <div class="price-item">
                                        <label class="form-label">早鸟价格</label>
                                        <div class="input-group">
                                            <span class="input-prefix">¥</span>
                                            <input type="number" class="form-input" value="1080" min="0" step="10">
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="form-section">
                                <h4 class="section-title">费用说明</h4>
                                <div class="form-row">
                                    <div class="form-group">
                                        <label class="form-label">费用包含</label>
                                        <textarea class="form-textarea" rows="4" placeholder="请详细说明费用包含的项目...">交通：往返高铁二等座
住宿：全程三星级酒店标准双人间
用餐：2早3正，餐标30元/人/餐
门票：行程中所列景点首道门票
导服：全程优秀导游服务</textarea>
                                    </div>
                                    <div class="form-group">
                                        <label class="form-label">费用不含</label>
                                        <textarea class="form-textarea" rows="4" placeholder="请详细说明费用不包含的项目...">单房差：产生单房差的客人需补差价
自费项目：行程中标明的自费景点项目
个人消费：购物、娱乐、通讯等个人消费
保险：建议游客自行购买旅游意外险</textarea>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="form-label">退改政策</label>
                                    <textarea class="form-textarea" rows="3" placeholder="请详细说明退改规则和费用...">出发前15天取消不收费
出发前7-14天取消收取50%费用
出发前3-6天取消收取80%费用
出发前3天内取消收取100%费用</textarea>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 季节价格标签页 -->
                    <div class="tab-pane" id="seasonalPricing">
                        <div class="seasonal-pricing">
                            <div class="season-header">
                                <h4 class="section-title">季节性价格管理</h4>
                                <button class="btn btn-outline btn-small" onclick="addSeasonPricing()">
                                    <i class="fas fa-plus"></i>
                                    添加特殊时期
                                </button>
                            </div>
                            
                            <div class="season-list">
                                <div class="season-item">
                                    <div class="season-header-info">
                                        <h5 class="season-name">旺季价格</h5>
                                        <div class="season-period">4月1日 - 10月31日</div>
                                    </div>
                                    <div class="season-pricing-grid">
                                        <div class="price-item">
                                            <label class="form-label">成人价格</label>
                                            <div class="input-group">
                                                <span class="input-prefix">¥</span>
                                                <input type="number" class="form-input" value="1480" min="0" step="10">
                                            </div>
                                        </div>
                                        <div class="price-item">
                                            <label class="form-label">儿童价格</label>
                                            <div class="input-group">
                                                <span class="input-prefix">¥</span>
                                                <input type="number" class="form-input" value="1180" min="0" step="10">
                                            </div>
                                        </div>
                                        <div class="price-item">
                                            <label class="form-label">老人价格</label>
                                            <div class="input-group">
                                                <span class="input-prefix">¥</span>
                                                <input type="number" class="form-input" value="1380" min="0" step="10">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="season-actions">
                                        <button class="btn-icon" title="编辑">
                                            <i class="fas fa-edit"></i>
                                        </button>
                                        <button class="btn-icon text-red" title="删除">
                                            <i class="fas fa-trash"></i>
                                        </button>
                                    </div>
                                </div>

                                <div class="season-item">
                                    <div class="season-header-info">
                                        <h5 class="season-name">淡季价格</h5>
                                        <div class="season-period">11月1日 - 3月31日</div>
                                    </div>
                                    <div class="season-pricing-grid">
                                        <div class="price-item">
                                            <label class="form-label">成人价格</label>
                                            <div class="input-group">
                                                <span class="input-prefix">¥</span>
                                                <input type="number" class="form-input" value="1080" min="0" step="10">
                                            </div>
                                        </div>
                                        <div class="price-item">
                                            <label class="form-label">儿童价格</label>
                                            <div class="input-group">
                                                <span class="input-prefix">¥</span>
                                                <input type="number" class="form-input" value="780" min="0" step="10">
                                            </div>
                                        </div>
                                        <div class="price-item">
                                            <label class="form-label">老人价格</label>
                                            <div class="input-group">
                                                <span class="input-prefix">¥</span>
                                                <input type="number" class="form-input" value="980" min="0" step="10">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="season-actions">
                                        <button class="btn-icon" title="编辑">
                                            <i class="fas fa-edit"></i>
                                        </button>
                                        <button class="btn-icon text-red" title="删除">
                                            <i class="fas fa-trash"></i>
                                        </button>
                                    </div>
                                </div>

                                <div class="season-item special">
                                    <div class="season-header-info">
                                        <h5 class="season-name">春节特价</h5>
                                        <div class="season-period">2025年1月24日 - 2月8日</div>
                                        <span class="special-badge">特殊时期</span>
                                    </div>
                                    <div class="season-pricing-grid">
                                        <div class="price-item">
                                            <label class="form-label">成人价格</label>
                                            <div class="input-group">
                                                <span class="input-prefix">¥</span>
                                                <input type="number" class="form-input" value="1880" min="0" step="10">
                                            </div>
                                        </div>
                                        <div class="price-item">
                                            <label class="form-label">儿童价格</label>
                                            <div class="input-group">
                                                <span class="input-prefix">¥</span>
                                                <input type="number" class="form-input" value="1580" min="0" step="10">
                                            </div>
                                        </div>
                                        <div class="price-item">
                                            <label class="form-label">老人价格</label>
                                            <div class="input-group">
                                                <span class="input-prefix">¥</span>
                                                <input type="number" class="form-input" value="1780" min="0" step="10">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="season-actions">
                                        <button class="btn-icon" title="编辑">
                                            <i class="fas fa-edit"></i>
                                        </button>
                                        <button class="btn-icon text-red" title="删除">
                                            <i class="fas fa-trash"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 动态价格标签页 -->
                    <div class="tab-pane" id="dynamicPricing">
                        <div class="dynamic-pricing">
                            <div class="rules-section">
                                <h4 class="section-title">动态价格规则</h4>
                                
                                <div class="rule-category">
                                    <h5 class="category-title">提前预订优惠</h5>
                                    <div class="rule-list">
                                        <div class="rule-item">
                                            <div class="rule-condition">
                                                <span class="condition-label">提前30天预订</span>
                                                <div class="toggle-switch">
                                                    <input type="checkbox" id="earlyBird30" checked>
                                                    <label for="earlyBird30" class="toggle-label"></label>
                                                </div>
                                            </div>
                                            <div class="rule-config">
                                                <div class="discount-input">
                                                    <label>折扣</label>
                                                    <input type="number" class="form-input" value="95" min="10" max="100" step="5">
                                                    <span class="input-suffix">%</span>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="rule-item">
                                            <div class="rule-condition">
                                                <span class="condition-label">提前60天预订</span>
                                                <div class="toggle-switch">
                                                    <input type="checkbox" id="earlyBird60" checked>
                                                    <label for="earlyBird60" class="toggle-label"></label>
                                                </div>
                                            </div>
                                            <div class="rule-config">
                                                <div class="discount-input">
                                                    <label>折扣</label>
                                                    <input type="number" class="form-input" value="88" min="10" max="100" step="5">
                                                    <span class="input-suffix">%</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="rule-category">
                                    <h5 class="category-title">团体优惠</h5>
                                    <div class="rule-list">
                                        <div class="rule-item">
                                            <div class="rule-condition">
                                                <span class="condition-label">10人以上团体</span>
                                                <div class="toggle-switch">
                                                    <input type="checkbox" id="group10" checked>
                                                    <label for="group10" class="toggle-label"></label>
                                                </div>
                                            </div>
                                            <div class="rule-config">
                                                <div class="discount-input">
                                                    <label>折扣</label>
                                                    <input type="number" class="form-input" value="92" min="10" max="100" step="5">
                                                    <span class="input-suffix">%</span>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="rule-item">
                                            <div class="rule-condition">
                                                <span class="condition-label">20人以上团体</span>
                                                <div class="toggle-switch">
                                                    <input type="checkbox" id="group20">
                                                    <label for="group20" class="toggle-label"></label>
                                                </div>
                                            </div>
                                            <div class="rule-config">
                                                <div class="discount-input">
                                                    <label>折扣</label>
                                                    <input type="number" class="form-input" value="88" min="10" max="100" step="5">
                                                    <span class="input-suffix">%</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="rule-category">
                                    <h5 class="category-title">会员优惠</h5>
                                    <div class="rule-list">
                                        <div class="rule-item">
                                            <div class="rule-condition">
                                                <span class="condition-label">VIP会员</span>
                                                <div class="toggle-switch">
                                                    <input type="checkbox" id="vipMember" checked>
                                                    <label for="vipMember" class="toggle-label"></label>
                                                </div>
                                            </div>
                                            <div class="rule-config">
                                                <div class="discount-input">
                                                    <label>折扣</label>
                                                    <input type="number" class="form-input" value="95" min="10" max="100" step="5">
                                                    <span class="input-suffix">%</span>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="rule-item">
                                            <div class="rule-condition">
                                                <span class="condition-label">连续消费3次</span>
                                                <div class="toggle-switch">
                                                    <input type="checkbox" id="loyalty3">
                                                    <label for="loyalty3" class="toggle-label"></label>
                                                </div>
                                            </div>
                                            <div class="rule-config">
                                                <div class="discount-input">
                                                    <label>折扣</label>
                                                    <input type="number" class="form-input" value="90" min="10" max="100" step="5">
                                                    <span class="input-suffix">%</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="rule-category">
                                    <h5 class="category-title">推荐奖励</h5>
                                    <div class="rule-list">
                                        <div class="rule-item">
                                            <div class="rule-condition">
                                                <span class="condition-label">推荐成功奖励</span>
                                                <div class="toggle-switch">
                                                    <input type="checkbox" id="referralBonus" checked>
                                                    <label for="referralBonus" class="toggle-label"></label>
                                                </div>
                                            </div>
                                            <div class="rule-config">
                                                <div class="discount-input">
                                                    <label>奖励金额</label>
                                                    <input type="number" class="form-input" value="100" min="10" max="1000" step="10">
                                                    <span class="input-suffix">元</span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <!-- 价格分析标签页 -->
                    <div class="tab-pane" id="priceAnalysis">
                        <div class="price-analysis">
                            <div class="analysis-cards">
                                <div class="analysis-card">
                                    <h5 class="card-title">价格竞争力</h5>
                                    <div class="competitiveness-score">
                                        <div class="score-circle">
                                            <div class="score-number">8.2</div>
                                            <div class="score-label">评分</div>
                                        </div>
                                        <div class="score-details">
                                            <div class="score-item">
                                                <span class="score-name">性价比</span>
                                                <div class="score-bar">
                                                    <div class="bar-fill success" style="width: 85%"></div>
                                                </div>
                                                <span class="score-value">8.5</span>
                                            </div>
                                            <div class="score-item">
                                                <span class="score-name">市场价格</span>
                                                <div class="score-bar">
                                                    <div class="bar-fill warning" style="width: 70%"></div>
                                                </div>
                                                <span class="score-value">7.0</span>
                                            </div>
                                            <div class="score-item">
                                                <span class="score-name">服务品质</span>
                                                <div class="score-bar">
                                                    <div class="bar-fill success" style="width: 90%"></div>
                                                </div>
                                                <span class="score-value">9.0</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="analysis-card">
                                    <h5 class="card-title">竞品价格对比</h5>
                                    <div class="competitor-list">
                                        <div class="competitor-item">
                                            <div class="competitor-name">竞品A</div>
                                            <div class="competitor-price">¥1,380</div>
                                            <div class="price-diff positive">+¥100</div>
                                        </div>
                                        <div class="competitor-item">
                                            <div class="competitor-name">竞品B</div>
                                            <div class="competitor-price">¥1,150</div>
                                            <div class="price-diff negative">-¥130</div>
                                        </div>
                                        <div class="competitor-item">
                                            <div class="competitor-name">竞品C</div>
                                            <div class="competitor-price">¥1,450</div>
                                            <div class="price-diff positive">+¥170</div>
                                        </div>
                                        <div class="competitor-item">
                                            <div class="competitor-name">市场均价</div>
                                            <div class="competitor-price">¥1,320</div>
                                            <div class="price-diff positive">+¥40</div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="analysis-recommendations">
                                <h5 class="section-title">价格优化建议</h5>
                                <div class="recommendation-list">
                                    <div class="recommendation-item">
                                        <div class="recommendation-icon success">
                                            <i class="fas fa-thumbs-up"></i>
                                        </div>
                                        <div class="recommendation-content">
                                            <div class="recommendation-title">定价合理</div>
                                            <div class="recommendation-desc">当前价格处于市场合理范围内，具有一定的竞争优势</div>
                                        </div>
                                    </div>
                                    <div class="recommendation-item">
                                        <div class="recommendation-icon warning">
                                            <i class="fas fa-exclamation-triangle"></i>
                                        </div>
                                        <div class="recommendation-content">
                                            <div class="recommendation-title">建议优化淡季定价</div>
                                            <div class="recommendation-desc">淡季价格可适当下调至¥980-1050，提高市场竞争力</div>
                                        </div>
                                    </div>
                                    <div class="recommendation-item">
                                        <div class="recommendation-icon info">
                                            <i class="fas fa-lightbulb"></i>
                                        </div>
                                        <div class="recommendation-content">
                                            <div class="recommendation-title">增加早鸟优惠力度</div>
                                            <div class="recommendation-desc">建议早鸟优惠从5%提升至12%，吸引更多提前预订</div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="sales-data">
                                <h5 class="section-title">销售数据统计</h5>
                                <div class="data-grid">
                                    <div class="data-item">
                                        <div class="data-label">本月销售额</div>
                                        <div class="data-value">¥194,080</div>
                                        <div class="data-trend positive">+15.2%</div>
                                    </div>
                                    <div class="data-item">
                                        <div class="data-label">平均客单价</div>
                                        <div class="data-value">¥1,245</div>
                                        <div class="data-trend negative">-2.3%</div>
                                    </div>
                                    <div class="data-item">
                                        <div class="data-label">转化率</div>
                                        <div class="data-value">12.5%</div>
                                        <div class="data-trend positive">+3.1%</div>
                                    </div>
                                    <div class="data-item">
                                        <div class="data-label">复购率</div>
                                        <div class="data-value">28.6%</div>
                                        <div class="data-trend positive">+5.4%</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 模态框底部 -->
        <div class="modal-footer">
            <button class="btn btn-outline" onclick="closePricingModal()">取消</button>
            <button class="btn btn-primary" onclick="savePricingSettings()">保存设置</button>
        </div>
    </div>
</div>